<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>测试表单标签</title>
	</head>
	<body>
		<!-- 1.表单标签form：用来提交数据，默认数据是在地址栏中拼接的
		 提交的数据有两种方式 get post
		 区别：get方式提交数据是在地址栏，默认方式，安全性低，长度受限
		 post方式提交数据不在地址栏，安全性高，没有上限
		 method属性是用来设置数据的提交方式，默认是get
		 action属性用来指定数据即将提交给哪个程序去处理-->
		<!-- 测试 表单标签form:用来提交数据 -->
		<center>
		<form method="post" action="#">	
			<table border="1px" cellspacing="0" cellpadding="" width="500px" height="200px" bgcolor="azure">
				<tr>
					<th colspan="2"><h2>注册表单</h2></th>
				</tr>
				<tr>
					<td align="center">用户名:</td>
					<td>
						<input type="text" name="user" id="" value="" size="50px"/></td>
				</tr>
				<tr>
					<td align="center">密码:</td>
					<td>
						<input type="password" name="pwd" id="" value="" size="50px" /></td>
				</tr>
				<tr>
					<td align="center">确认密码:</td>
					<td>
						<input type="password" name="repwd" id="" value="" size="50px"/></td>
				</tr>
				<tr>
					<td align="center">昵称:</td>
					<td>
						<input type="text" name="nick" id="" value="" size="50px"/></td>
				</tr>
				<tr>
					<td align="center">邮箱:</td>
					<td>
						<input type="email" name="mail" id="" value="" size="50px"/></td>
				</tr>
				<tr>
					<td align="center">性别:</td>
					<td>
						<input type="radio" name="sex" id="" value="1" />男
						<input type="radio" name="sex" id="" value="2" />女
					</td>
				</tr>
				<tr>
					<td align="center">爱好:</td>
					<td>
						<input type="checkbox" name="hobby" id="" value="1" />篮球
						<input type="checkbox" name="hobby" id="" value="2" />足球
						<input type="checkbox" name="hobby" id="" value="3" />乒乓球
					</td>
				</tr>
				<tr>
					<td align="center">城市:</td>
					<td>
						<select name="city">
							<option value="bj">-请选择-</option>
							<option value="sh">北京</option>
							<option value="cq">重庆</option>
							<option value="sc">四川</option>
						</select>
					</td>
				</tr>
				<tr>
					<td align="center">头像:</td>
					<td>
					<input type="file" name="tx" id="" value="" />
					</td>
				</tr>
				<tr>
					<td align="center">验证码:</td>
					<td>
						<input type="text" name="verification" id="" value="" />
						<img src="2.png" />
						<button>点我换一张</button>
					</td>
				</tr>
				<tr>
					<td align="center">自我描述:</td>
					<td>
						<textarea rows="5" name="description">请输入描述信息....</textarea>
					</td>
				</tr>
				<tr>
					<td colspan="2" align="center" height="50px">
					<button type="submit">提交</button>
					<button type="reset">重置</button>
					</td>
				</tr>
			</table>
		</form>
		</center>
		
	</body>
</html>
